/* Bootstrap 4 表单控件及按钮定制 */
$fontSize : 12px;

form .btn {
    border-radius: 2px;
    font-size: $fontSize;
  }
  
  .btn-primary {
    border-color: #2b5a92;
    background-color: #346cb0;
    color: #fff;
  }
  
  .btn-primary:hover {
    background-color: #2b5a92;
  }
  
  .form-control {
    box-shadow: inset 0 1px 0 0 rgba(34, 34, 48, 0.05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    line-height: 1.5;
    font-size: $fontSize;
    color: #363642;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6c9d5;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .form-control-check {
    /* border-color:#346cb0; */
    outline: 2px solid #346cb0;
  }
  
  .form-control:focus {
    color: #363642;
    background-color: #fff;
    border-color: #346cb0;
    outline: 0;
    box-shadow: 0 0 0 1px #346cb0;
  }



/**** Checkbox & Radio Input *****/
.custom-control-input:checked~.custom-control-label::before {
    color: #fff !important;
    background-color: #346cb0 !important;
    border-color: #346cb0 !important;
    // box-shadow: 0 0 0 1px #346cb0 !important;
}

.custom-control-label {
    padding-top: 1px;
}